<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:growl id="growl" />
            <p:panel header="LISTA DE COORDINADORES DE PRACTICAS">
                <p:dataTable style="width: 750px" paginator="true" rows="10" rowKey="#{coordinadorPracticas.idCoordinadorPracticas}" id="listaCoordinadoresPracticas" var="coordinadorPracticas" value="#{listaCoordinadoresPracticasBean.coordinadorPracticas}" widgetVar="dataCoordinadoresPracticas" >  
                <f:facet name="header">  
                    <table>
                        <tr>
                            <td>
                                coordinadores
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:outputPanel>  
                                    <h:outputText value="Buscar:" />  
                                    <p:inputText id="globalFilter" onkeyup="dataCoordinadoresPracticas.filter()" style="width:150px" />  
                                </p:outputPanel>  
                            </td>
                        </tr>
                    </table>
                </f:facet>  
                    <p:column headerText="Código" style="width:12%" sortBy="#{coordinadorPracticas.idCoordinadorPracticas}" filterBy="#{coordinadorPracticas.idCoordinadorPracticas}" filterMatchMode="contains">  
                        <h:outputText value="#{coordinadorPracticas.idCoordinadorPracticas}" />  
                </p:column>  
                    <p:column headerText="Nombres / Apellidos" style="width:72%" sortBy="#{coordinadorPracticas.nombresCoordinadorPracticas} #{coordinadorPracticas.apellido1CoordinadorPracticas} #{coordinadorPracticas.apellido2CoordinadorPracticas}" filterBy="#{coordinadorPracticas.nombresCoordinadorPracticas} #{coordinadorPracticas.apellido1CoordinadorPracticas} #{coordinadorPracticas.apellido2CoordinadorPracticas}" filterMatchMode="contains">  
                        <h:outputText value="#{coordinadorPracticas.nombresCoordinadorPracticas} #{coordinadorPracticas.apellido1CoordinadorPracticas} #{coordinadorPracticas.apellido2CoordinadorPracticas}" />  
                </p:column>
                    <p:column headerText="Programa" style="width:72%" sortBy="#{coordinadorPracticas.idPrograma.nombrePrograma}" filterBy="#{coordinadorPracticas.idPrograma.nombrePrograma}" filterMatchMode="contains">
                        <h:outputText value="#{coordinadorPracticas.idPrograma.nombrePrograma}" />
                </p:column>
                <p:column headerText="Habilitar" style="width:8%">
                    <p:selectBooleanButton value="#{coordinadorPracticas.estadoCoordinador}" onLabel="Si" offLabel="No">
                        <p:ajax process="@this" update="@this, :form:growl" listener="#{listaCoordinadoresPracticasBean.actuaizarCoordinador(coordinadorPracticas)}"></p:ajax>                            
                    </p:selectBooleanButton> 
                </p:column>
                <p:column headerText="Detalle" style="width:8%">  
                    <p:commandButton id="selectButton3" oncomplete="dlgDetalleCoordinadorPracticas.show();" update=":form:display"  icon="ui-icon-search" title="Ver Detalle">                          
                        <f:setPropertyActionListener value="#{coordinadorPracticas}" target="#{listaCoordinadoresPracticasBean.coordinadorSelected}"></f:setPropertyActionListener>
                    </p:commandButton>                    
                </p:column>  
            </p:dataTable>
            </p:panel>
            <p:dialog header="Detalle Coordinador Practicas" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlgDetalleCoordinadorPracticas">  
                <p:outputPanel id="display"> 
                    <h:panelGrid columns="2" cellpadding="5">  
                        <h:outputLabel value="Codigo:" style="font-weight:bold" />  
                        <h:outputText  value="#{listaCoordinadoresPracticasBean.coordinadorSelected.idCoordinadorPracticas}" />   
                        <h:outputLabel value="Nombres y Apellidos:" style="font-weight:bold"/>  
                        <h:outputText  value="#{listaCoordinadoresPracticasBean.coordinadorSelected.nombresCoordinadorPracticas} #{listaCoordinadoresPracticasBean.coordinadorSelected.apellido1CoordinadorPracticas} #{listaCoordinadoresPracticasBean.coordinadorSelected.apellido2CoordinadorPracticas}" />
                        <h:outputLabel value="Programa:" style="font-weight:bold" />
                        <h:outputText  value="#{listaCoordinadoresPracticasBean.coordinadorSelected.idPrograma.nombrePrograma}" />
                        <h:outputLabel value="Telefono:" style="font-weight:bold" />
                        <h:outputText  value="#{listaCoordinadoresPracticasBean.coordinadorSelected.telefonoCoordinador}" />
                        <h:outputLabel value="Celular" style="font-weight:bold" />
                        <h:outputText  value="#{listaCoordinadoresPracticasBean.coordinadorSelected.celularCoordinador}" />
                        <h:outputLabel value="Correo:" style="font-weight:bold" />
                        <h:outputText  value="#{listaCoordinadoresPracticasBean.coordinadorSelected.correoCoordinadorPracticas}" />
                        </h:panelGrid>        
                </p:outputPanel>
            </p:dialog>
   
        </h:form>    
    </ui:define>
</ui:composition>